import styled from "styled-components";

export const CheckSongBoxShowStyle = styled.div`
  .songBox-title {
    border-bottom: 2px solid #c20c0c;
    padding-bottom: 10px;
    margin-bottom: 50px;
    p {
      font-size: 22px;
      font-weight: normal;
      font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
    }
    .songBox-all {
      cursor: pointer;
      background-position: right -100px;
      height: 31px;
      line-height: 31px;
      display: inline-block;
      padding: 0 5px 0 0;
      margin: 2px 0 0 12px;

      span {
        display: inline-block;
        color: #0c73c2 !important;
        padding: 0 10px 0 15px;
        background-position: 0 -59px;
        height: 31px;
        line-height: 31px;
      }
      em {
        background: url(${require("@/assets/img/sprite_icon2.png").default})
          no-repeat 0 9999px;
        background-position: -70px -543px;
        width: 8px;
        height: 5px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        margin-left: 5px;
      }
    }
    .songBox-hot {
      height: 29px;
      border-radius: 3px;
      background-position: 0 0;
      display: inline-block;
      span {
        display: inline-block;
        width: 46px;
        height: 29px;
        line-height: 29px;
        text-align: center;
        color: #fff;
      }
      :after {
        content: "";
        overflow: hidden;
        clear: both;
      }
    }
  }
`;
